﻿<template>


    <el-col :sm="24" :md="pzoption.mdwidth" v-bind:style="{ height: pzoption.wigheight + 'px' }" style="overflow: auto; overflow-x: hidden;">
        <i class="iconfont icon-shezhi pull-right widgetset hidden-print" @click.stop="dialogInputVisible = true"></i>
        <i class="iconfont icon-shanchu pull-right widgetdel hidden-print" @click.stop="delWid(pzoption.wigdetcode)"></i>

        <el-divider content-position="center" style="">今日水情</el-divider>
        <el-row :gutter="12">
            <el-col :span="8" class="mt10" v-for="item in childpro.kpdata">
                <el-card shadow="hover">
                    <p style="font-size:26PX;color:#0094ff">20</p>
                    <p>安乐站</p>
                </el-card>
            </el-col>

        </el-row>

    </el-col>


</template>

<script>
    module.exports = {
        props: ['pzoption', 'index'],
        methods: {
            delWid: function (wigdetcode) {
                this.$root.nowwidget = {};//没这个删除不掉啊
                _.remove(this.$root.FormData.wigetitems, function (obj) {
                    return obj.wigdetcode == wigdetcode;
                });
            },
        },
        data: function () {
            return {
                dialogInputVisible: false,
                childpro: {
                    zjname: "自定义组件名称",
                    kpdata: [{ kpname: "", kpsl: "" }, { kpname: "", kpsl: "" }, { kpname: "", kpsl: "" }, { kpname: "", kpsl: "" }, { kpname: "", kpsl: "" }, { kpname: "", kpsl: "" }]

                }
            }
        },
        mounted: function () {
            var chi = this;
            chi.$nextTick(function () {
                if (chi.$root.addchildwig) {
                    chi.$root.addchildwig();//不能缺少
                }

            })

        },
        watch: {
            childpro: { //深度监听，可监听到对象、数组的变化
                handler(newV, oldV) {
                },
                deep: true
            }
        },
        computed: {
            // 仅读取
            chiwid: function () {

            }
        }
    };
</script>